﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MaterPage/Site.Master" AutoEventWireup="true" CodeBehind="SubmitForm.aspx.cs" Inherits="Js_Study.PlayVideo.SubmitForm" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="/Resource/Video/PopuVideoWindow.js"></script>
    <style type="text/css">
        #video_container {
            position: absolute;
            display: block;
            cursor: pointer;
            background-color: white;
            height: 321px;
            width: 570px;
            background-color: #eeeeee;
            background-image: url('/Resource/Video/EP1.png');
        }

        #a_play {
            top: 50%;
            left: 50%;
            color: #222;
            height: 75px;
            width: 75px;
            background-image: url('/Resource/Video/play_btn_75x75_web.png');
            position: absolute;
            margin-left: -37.5px;
            margin-top: -37.5px;
            cursor: pointer;
            background-repeat: no-repeat;
        }
    </style>
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="video_container">
        <a id="a_play"></a>
    </div>

    <script type="text/javascript">
        $("#a_play").click(function () {
            var htmlString = "<iframe id='f1' src='IframeForm.aspx' style='width:500px;height:300px;'></ifrmae>";
            epgOpenModal(htmlString);
        })
    </script>
</asp:Content>
